<template>
	<view class="page_box">
		<view class="head_box ">
			<yy-custom bgColor="" v-if="0">
				<block slot="backText">返回</block>
				<block slot="content">个人中心</block>
			</yy-custom>
		</view>

		<view class="content_box ">
			<view class="padding">
				<image
					src="https://placeholder.idcd.com/?w=750&h=500&text=image&bgcolor=%236c757d&fontcolor=%23d3d3d3&fontsize=98&fontfamily=4"
					mode="aspectFill"
					class="h500 r30 ww100"
				></image>
			</view>
			<view class="flex justify-center">
				<view class="f36 text-bold text-black mt40 mb30 block ral">
					招生对象
					<image src="../../static/juxin2.png" class="w170 h14 pos" mode=""></image>
				</view>
			</view>
			<view class="padding info flex flex-direction">
				<view class="flex f26">
					<text class="text-black  block">招生对象：</text>
					<text class="text-grey">高中年级（高一、高二、高三）</text>
				</view>
				<view class="flex f26 mt20">
					<text class="text-black  block">集训时间：</text>
					<text class="text-grey">每年5月至12月参加省联考结束</text>
				</view>
				<view class="flex f26 mt20">
					<text class="text-black  block" style="white-space: nowrap;">班 型：</text>
					<text class="text-grey">小班教学制（平均15~20人/班）含集训、暑假 班、艺考冲刺班</text>
				</view>
				<view class="flex f26 mt20">
					<text class="text-black  block" style="white-space: nowrap;">上课时间：</text>
					<text class="text-grey">
						春夏季：9:00-12:00 14:00-17:00 秋冬季：9:00-12:00 14:30-17:30 课程前期每周休息1天半，后期冲刺阶段每周休息1天。
					</text>
				</view>
			</view>
			<view class="padding">
				<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" class="h500 r50">
					<swiper-item class="">
						<view class="swiper-item ">
							<image
								src="https://placeholder.idcd.com/?w=750&h=500&text=image&bgcolor=%236c757d&fontcolor=%23d3d3d3&fontsize=98&fontfamily=4"
								mode="aspectFill"
								class="h500 r20"
							></image>
						</view>
					</swiper-item>
				</swiper>
			</view>
			<view class="flex justify-center">
				<view class="f36 text-bold text-black mt40 mb30 block ral">
					课程内容
					<image src="../../static/juxin2.png" class="w170 h14 pos" mode=""></image>
				</view>
			</view>
			<text>......................</text>
		</view>
		<!-- ...................-->
		<u-popup v-model="show" mode="center" border-radius="14">
			<view class="padding w640">
				<view class=" flex align-center ">
					<text class="xing"></text>
					<text class="f28 margin-left-sm mr30 text-black  text-bold">姓名：</text>
					<input type="text" value="" v-model="company" placeholder="请填写姓名" placeholder-class="ddd" />
				</view>
				<view class="padding-top-xl flex align-center  ">
					<text class="xing"></text>
					<text class="f28 margin-left-sm text-black mr30 text-bold ">年龄：</text>
					<input type="text" value="" v-model="company" placeholder="请填写年龄" placeholder-class="ddd" />
				</view>
				<view class="padding-top-xl flex align-center" @click="showAddr = !showAddr">
					<text class="xing"></text>
					<text class="f28 margin-left-sm text-black mr30 text-bold">城市：</text>
					<input type="text" value="" v-model="company" disabled placeholder="请选择城市" placeholder-class="ddd" />
				</view>
				<view class="padding-top-xl flex align-center ">
					<text class="xing"></text>
					<text class="f28 margin-left-sm text-black mr30 text-bold">电话：</text>
					<input type="text" value="" v-model="company" placeholder="请填写电话号码" placeholder-class="ddd" />
				</view>
				<view class="padding-top-xl flex align-center ">
					<text class="xing"></text>
					<text class="f28 margin-left-sm text-black  mr30 text-bold">价格：</text>
					<input type="text" value="" v-model="company" placeholder="19999" placeholder-class="ddd" />
				</view>
				<view class="flex align-center justify-center mt120">
					<button class="flex align-center justify-center btn cu-btn text-white w486  h90 f30" @click="$t.to('/pages/hmPage/underRvw')">立即报名</button>
				</view>
			</view>
		</u-popup>
		<u-picker v-model="showAddr" mode="region" @confirm="confirm"></u-picker>
		<view class="h200"></view>
		<view class="ww100 h150 bg-white btn-footer flex align-center justify-center padding">
			<button class="flex align-center justify-center btn cu-btn text-white ww100  hh100 f30" @click="show = !show">立即报名</button>
		</view>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	data() {
		return {
			show: false,
			showAddr:false
		};
	},
	onShow() {},
	onLoad(e) {},
	methods: {},
};
</script>

<style lang="scss" scoped>
.page_box {
	.head_box {
	}
	.content_box {
		.info {
			background: #f2f0ed;
		}
		.ral {
			position: relative;
		}
		.pos {
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}
		
	}
	.ddd {
		font-size: 28rpx;
		font-family: PingFang SC;
	}
	.btn {
		background: #f07203;
		border-radius: 45px;
	}
	input {
		width: 50vw;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
	}
	.xing::after {
		content: '*';
		color: #ff1212;
		font-size: 28rpx;
	}
	.btn-footer {
		position: fixed;
		bottom: 0;
		.btn {
			background: #f07203;
			border-radius: 45px;
		}
	}
}
</style>
